<!DOCTYPE html>
<html lang="en">
<!-- 视图窗口，移动端特属的标签。 -->
 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
<head>
    <meta charset="UTF-8">
    <title>error</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            text-align: center;
        }
        
        .error-image {
            width: 77.3%;
            margin-top: 30%;
        }
        
        .error-title {
            color: #2e2e2e;
            font-size: 3.75em;
            font-weight: bold;
            margin-top: 5%;
        }
        
        .error-message {
            color: #636363;
            font-size: 2.75em;
            margin-top: 25%;
        }
        
        .reload-button {
            width: 72.3%;
            color: #636363;
            font-size: 2.75em;
            margin-top: 8%;
            margin-bottom: 8%;
            padding: 25px 0;
            border-radius: 60px;
            background-color: #f4f4f4;
            border: 2px solid #dddddd;
        }
    </style>
</head>

<body>
    <img class="error-image" src=""
    />
    <p class="error-title">数据加载失败</p>
    <p class="error-message">网络或服务器加载超时</p>
    <button class="reload-button" onclick="ref()">重新加载</button>
    <script type="text/javascript">
        function ref() {
            LightJSBridge.reloadCurrentPage()
        }
    </script>
</body>

</html>